
<!-- 此处设计页面的布局 -->
<template>
		
<!-- 	<view class="box" hover-class="boxhover" hover-stay-time="0">
		view布局标签
		 
	</view>
	 -->
	
	<view class="box" hover-class="boxhover">
		<view class="inner" hover-class="innerhover">
			内部元素
		</view>
	</view>
	
	<view>-------------------</view>
	
	<text selectable="true">这是一段文字</text>
	
	
	<scroll-view scroll-x="true" class="scrollview">
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
	</scroll-view>
	
	
</template>


<!-- 此处处理逻辑 -->
<script setup>
	
</script>


<!-- 此处设计页面的样式 -->
<style lang="scss">

.scrollview{
	width: 80%;
	height: 220px;
	border: 1px solid red;
	white-space: nowrap;
	.box{
		height: 100px;
		width: 100px;
		background: green;
		display: inline-block;
		margin: 5px;
		
	}
}

	
	
</style>
